<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>团购发现</title>
    <link rel="stylesheet" href="./css/discover.min.css">
</head>
<body>
    <div class="web">
        <header>
           <div class="back">Back</div>
           <P>发现</P>
           <div class="select">广州市</div>
        </header>

        <main>


            <!-- 搜索 -->
            <div class="search">
                <div class="top">
                    <input type="search" placeholder="请输入商品名称">
                </div>
                <div class="txt">
                    <h3>大家都在搜</h3>
                    <ul>
                        <li>寿司</li>
                        <li>羽毛球</li>
                        <li>火锅</li>
                        <li>游泳馆</li>
                        <li>电影</li>
                        <li>周黑鸭</li>
                        <li>KTV</li>
                        <li>肯德基</li>
                    </ul>
                </div>
            </div>


            <!-- 热门 -->
            <div class="hot">
                <div class="headline">
                    <div class="left"> 
                        <img src="./img/discover/hot.png" alt="">
                        <span>团购优惠</span>
                    </div>
                    <div class="right">
                        <span>更多</span>
                        <img src="./img/index/more.png" alt="">
                    </div>
                </div>
                <div class="img">
                    <div class="left">
                        <img src="./img/discover/hot01.png" alt="">
                    </div>
                    <div class="right">
                        <div class="top">
                            <img src="./img/discover/hot02.png" alt="">
                        </div>
                        <div class="buttom">
                            <img src="./img/discover/hot03.png" alt="">
                            <img src="./img/discover/hot04.png" alt="">
                        </div>
                    </div>
                </div>
            </div>


           <!-- 推荐 -->
            <div class="recommend">
                <div class="headline">
                    <div class="left"> 
                        <img src="./img/detail/collect.png" alt="">
                        <span>推荐搜索</span>
                    </div>
                    <div class="right">
                        <span>更多</span>
                        <img src="./img/index/more.png" alt="">
                    </div>
                </div>
                <ul>
                    <li><img src="./img/discover/recommend01.png" alt=""></li>
                    <li><img src="./img/discover/recommend02.png" alt=""></li>
                    <li><img src="./img/discover/recommend03.png" alt=""></li>
                    
                </ul>
            </div>
        </main>



        <footer>
           <a href="./index.html">
            <img src="./img/index/home01.png" alt=""><br>
            <span>首页</span>
           </a>
           <a href="./classify.html">
            <img src="./img/index/classify.png" alt=""><br>
            <span>分类</span>
           </a>
           <a href="./classify.html">
            <img src="./img/index/discover01.png" alt=""><br>
            <span>发现</span>
           </a>
           <a href="./me.html">
            <img src="./img/index/me.png" alt=""><br>
            <span>我的</span>
           </a>
        </footer>
    </div>
</body>
</html>